<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/1.css">
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/users/js/userManage.js"></script>
</head>
<body>
<div class="stuDiv1">
    <table border="1" width="100%" cellspacing="0" style="background-color: rgba(191, 250, 244, 0.71)">
        <thead><tr><th>用户名</th><th>密码</th><th>真实姓名</th><th>等级</th><th>操作</th></tr></thead>
        <tbody id="userData"></tbody>
    </table>
</div>
<div class="stuDiv3">
    <input type="button" value="添加用户" onclick="addDiv()" style="height: 25px;margin: auto;margin-top: 50px">
</div>
<!--班级添加-->
<div id="addDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">添加用户</h3>
        <div class="landDiv1">
            <form class="form">
                用户名:&nbsp;&nbsp;&nbsp;<input type="text" id="addUserName"><br>
                真实姓名:<input type="text" id="addName"><br>
                用户等级:<select id="addGrade"><br>
                <option value="班主任">班主任</option>
                <option value="房间管理员">房间管理员</option>
                <option value="系统管理员">系统管理员</option>
                <option value="超级管理员">超级管理员</option>
            </select>
                <input type="button" value="添加" onclick="add()">
                <input type="button" value="取消" onclick="addStu()">
            </form>
        </div>
    </div>
</div>
<div id="updateDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">修改用户等级</h3>
        <div class="landDiv1">
            <form class="form">
                用户名：<span id="updateUserName"></span><br>
                真实姓名：<span id="updateName"></span><br>
                用户等级:<select id="updateGrade"><br>
                <option value="班主任">班主任</option>
                <option value="房间管理员">房间管理员</option>
                <option value="系统管理员">系统管理员</option>
                <option value="超级管理员">超级管理员</option>
            </select>
                <input type="button" value="修改" onclick="update()">
                <input type="button" value="取消" onclick="updateStu()">
            </form>
        </div>
    </div>
</div>
<div id="infoDiv" class="dialogDiv1">
    <div id="delInfo" class="delInfo">
        <div>
            <span style="font-size: 20px">无法删除登陆用户</span><br>
            <input type="button" value="确定" onclick="delInfo()" style="margin-left: 90px;margin-top: 60px">
        </div>
    </div>
</div>
<div id="addInfoDiv" class="dialogDiv1">
    <div id="addInfo" class="delInfo">
        <div>
            <span style="font-size: 20px">用户已经存在</span><br>
            <input type="button" value="确定" onclick="addInfo()" style="margin-left: 90px;margin-top: 60px">
        </div>
    </div>
</div>
</body>
</html>